<!DOCTYPE html>
<html lang="ch-ZH">

<head>
    <meta charset="utf-8">
    </meta>
    <title>Hello World</title>
    <script src="../jquery/jquery.js"></script>
    <script src="../event/event.js"></script>
    <script>
        $(document).ready(function () {            
            $("button").click(function () {
                $(this).hide();
            });
            $("p").dblclick(function () {
                $(this).hide();
            });
            $("#test").mouseenter(function () {
                console.log("mouseenter");
            });
            $("#test").mouseleave(function () {
                console.log("mouseleave");
            });
            $("#test").mousedown(function () {
                console.log("mousedown");
            });
            $("#test").mouseup(function () {
                console.log("mouseup");
            });
        });
    </script>
</head>

<body>
    <h2 class="test">这是一个标题</h2>
    <p class="test">这是一个段落。</p>
    <p id="test">这是另一个段落。</p>
    <button>点我</button>
</body>

</html>